<template>
    <el-table border style="width: 100%;" :data="data" :loading="loading">
        <el-table-column align="center" prop="repay_time" :label="$i18n.t('REPAYMENT_INIT_TIME')" :min-width="150" fixed="left"></el-table-column>
        <el-table-column align="center" prop="expiration_time" :label="$i18n.t('EXPIRATION_TIME')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="comeback_number" :label="$i18n.t('COMEBACK_NUMBER')" :min-width="200"></el-table-column>
        <el-table-column align="center" prop="type" :label="$i18n.t('REPAYMENT_TYPE')" :min-width="100"></el-table-column>
        <el-table-column align="center" prop="repay_type" :label="$i18n.t('REPAYMENT_METHOD')" :min-width="100"></el-table-column>
        <el-table-column align="center" prop="repay_channel" :label="$i18n.t('REPAYMENT_CHANNEL')" :min-width="100"></el-table-column>
        <el-table-column align="center" prop="amount" :label="$i18n.t('REPAYMENT_AMOUNT')" :min-width="150"></el-table-column>
        <el-table-column align="center" prop="status_text" :label="$i18n.t('REPAYMENT_STATUS')" :min-width="100">
            <template slot-scope="scope">
                <el-tag size="mini" v-if="scope.row.status === 1" type="primary" effect="dark">{{ scope.row.status_text }}</el-tag>
                <el-tag size="mini" v-if="scope.row.status === 2" type="success" effect="dark">{{ scope.row.status_text }}</el-tag>
                <el-tag size="mini" v-if="scope.row.status === 3" type="danger" effect="dark">{{ scope.row.status_text }}</el-tag>
                <el-tag size="mini" v-if="scope.row.status === 4" type="info" effect="dark">{{ scope.row.status_text }}</el-tag>
            </template>
        </el-table-column>
        <el-table-column align="center" prop="trade_no" :label="$i18n.t('TRADE_NO')" :min-width="200"></el-table-column>
        <el-table-column align="center" prop="repay_success_time" :label="$i18n.t('REPAYMENT_SUCCESS_TIME')" :min-width="150"></el-table-column>
    </el-table>
</template>

<script>
    export default {
        name: 'RepaymentRecordTable',
        props: ['loading', 'data']
    }
</script>

<style scoped>

</style>
